@import url("fonts.css"); 

body {
    background-color: #F1F1F1;
    margin: 0;
    padding: 0;
    direction: rtl;
}

a{text-decoration: none;}
.rgt {float: right;} .lft {float: left;} .clr {clear: both;}
h1,h2,h3,h4,h5,h6 {margin: 0; padding: 0;}
.wrap {
    width: 980px;
    margin: 0 auto;
    position: relative;
}

header {
    background-color:#146eb4;
    background-image:url("img/noise.png"), -moz-linear-gradient(top, #3D3D3D, #3D3D3D 130px);
    background-image:url("img/noise.png"), -webkit-linear-gradient(top, #00405d, #00405d 130px);
    background-image:url("img/noise.png"), -o-linear-gradient(top, #3D3D3D, #3D3D3D 130px);
    background-image:url("img/noise.png"), -ms-linear-gradient(top, #3D3D3D, #3D3D3D 130px);
    background-image:url("img/noise.png"), -linear-gradient(top, #3D3D3D, #3D3D3D 130px) ;
    height: 50px;
}

.logo {
    background-image: url('img/logo.png');
    background-repeat: no-repeat;
    width: 88px;
    height: 35px;
    float: right;
    margin: 8px 0px 0px 15px;
}

.menu ul {
    position: relative;
}

.menu ul {
    margin: 0;
    padding: 0;
}

.menu ul li {
    list-style: none;
    float: right;
}


.menu ul li a {
    font-family: ZottiHelve;
    font-size: 14px;
    text-decoration: none;
    display: block;
    padding: 4px;
    margin: 10px 4px !important;
    color: #fff;
}

.menu ul li a:hover {
    color: #ccc;
}


.brgt {
    float: right;
    width: 665px;
}

.blft {
    float: left;
    width: 315px;
}

.head {
    font-family: MyFont;
    font-size: 20px;
    color:#555555;
    display: block;
    margin: 0px 0px 6px;
}

.last-video {
    
}

.item-lsvidy {
    float: right;
    margin: 0px 10px 12px 10px;
    width: 310px; 
    position: relative;
}



.item-lsvidy h1 {
    font-family: ZottiHelveB;
    font-size: 16px;
    position: absolute;
    bottom: 0px;
    color: #fff;
    padding: 8px 8px 3px;
    width: 294px;
    line-height: 20px;
    background:-moz-linear-gradient(top,rgba(0,0,0,0) 0%,black 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,black));
    background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0%,black 100%);
    background:-o-linear-gradient(top,rgba(0,0,0,0) 0%,black 100%);
    background:-ms-linear-gradient(top,rgba(0,0,0,0) 0%,black 100%);
    background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,black 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#000000',GradientType=0);
}

.lsvidy-date {
    font-family: ZottiHelve;
    font-size: 13px;
    position: absolute;
    top: 0;
    color: #fff;
    padding: 6px;
}

.lsvidy-view {
    font-family: ZottiHelve;
    font-size: 13px;
    position: absolute;
    top: 20px;
    color: #fff;
    padding: 6px;
}

.item-lsvidy .TopVideoHover{   
    position:relative;     
    height:140px;
}

.item-lsvidy .TopVideoHover img{    
    position:absolute;        
    width: 310px;
    height: 140px;   
    right:0;     
    -webkit-transition:opacity 0.60s ease-in-out;    
    -moz-transition:opacity 0.60s ease-in-out;     
    -o-transition:opacity 0.60s ease-in-out;     
    transition:opacity 0.60s ease-in-out;
}

.item-lsvidy .TopVideoHover img.top:hover{opacity:0.2;}

.channel {
    width: 980px;
    height: 258px;
}


.item-Tauvidy {
    float: right;
    margin: 0px 10px 12px 10px;
    width: 310px; 
    position: relative;
}

.item-Tauvidy .meta {
    background:-moz-linear-gradient(top,rgba(0,0,0,0) 0%,black 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,black));
    background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0%,black 100%);
    background:-o-linear-gradient(top,rgba(0,0,0,0) 0%,black 100%);
    background:-ms-linear-gradient(top,rgba(0,0,0,0) 0%,black 100%);
    background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,black 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#000000',GradientType=0);
    width: 294px;
    padding: 60px 8px 3px;
    position: absolute;
    bottom: 0;
}

.Taucat {
    background-color: rgba(0,0,0,0.6); 
    font-family:ZottiHelve;
    font-size:13px;
    position: absolute;
    top: 0;
    color: #fff;
    padding: 2px 6px;
}

.item-Tauvidy .iplay30 {
    background-image: url('img/iplay30.png');
    background-repeat: no-repeat;
    padding: 0; 
    width: 30px; 
    height: 30px; 
    float: right;  
    position: absolute; 
    bottom: 6px;
    opacity:0.6;
}

.item-Tauvidy h2 {
    font-family: ZottiHelveB;
    font-size: 15px;
    font-weight: normal;
    position: absolute;
    bottom: 0px;
    color: #fff;
    vertical-align: middle;
    margin-right: 35px;
    line-height: 18px;
    padding-bottom: 10px;
}


.item-Tauvidy .TopVideoHover{   
    position:relative;     
    height:140px;
}

.item-Tauvidy .TopVideoHover img{    
    position:absolute;        
    width: 310px;
    height: 140px;   
    right:0;     
    -webkit-transition:opacity 0.60s ease-in-out;    
    -moz-transition:opacity 0.60s ease-in-out;     
    -o-transition:opacity 0.60s ease-in-out;     
    transition:opacity 0.60s ease-in-out;
}

.item-Tauvidy .TopVideoHover img.top:hover{opacity:0.2;}


.item-Bauvidy{    
    width:206px;     
    margin:0px 10px 0px 0px;     
    float:right;     
    position:relative;
}

.item-Bauvidy h2{   
    height: 30px; 
    font:13px/16px ZottiHelve;    
    margin:6px;     
    color:#000;     
    display:block;
}

.item-Bauvidy .meta{     
    color:#fff;     
    width:206px;     
    padding:4px;     
    position:absolute;     
    top:73px;
}

.item-Bauvidy .view{  
    font-family:ZottiHelve;     
    font-size:13px;  
    color: #fff;     
    float:right;
}

.VHover .iplay40 {
    background-image: url('img/iplay40.png');
    background-repeat: no-repeat;
    width: 48px;
    height: 48px;
    position: absolute;
    right: 75px;
    top: 30px;
}

.item-Bauvidy:hover .view{display:none} .item-Bauvidy:hover .iplay40{display:none}

.item-Bauvidy .VHover{    
    position:relative;     
    height:100px;
}

.item-Bauvidy .VHover img{    
    position:absolute;        
    width:206px;     
    height:100px;     
    right:0;     
    -webkit-transition:opacity 0.60s ease-in-out;     
    -moz-transition:opacity 0.60s ease-in-out;     
    -o-transition:opacity 0.60s ease-in-out;     
    transition:opacity 0.60s ease-in-out;
}

.item-Bauvidy .VHover img.top:hover{opacity:0.2;}


/*******************************/
.bcatvidy{    
    width:232px;     
    margin:0px 10px 0px 0px;     
    float:right;     
    position:relative;
}

.bcatvidy h2{   
    height: 30px; 
    font:13px/16px ZottiHelve;    
    margin:6px;     
    color:#000;     
    display:block;
}

.bcatvidy .meta{     
    color:#fff;     
    width:232px;     
    padding:4px;     
    position:absolute;     
    top:91px;
}

.bcatvidy .view{  
    font-family:ZottiHelve;     
    font-size:13px;  
    color: #fff;     
    float:right;
}

.catHover .iplay40 {
    background-image: url('img/iplay50.png');
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    position: absolute;
    right: 91px;
    top: 35px;
}

.bcatvidy:hover .view{display:none}  .bcatvidy:hover .iplay40{display:none} 

.bcatvidy .catHover{    
    position:relative;     
    height:120px;
}

.bcatvidy .catHover img{    
    position:absolute;        
    width:232px;     
    height:120px;     
    right:0;     
    -webkit-transition:opacity 0.60s ease-in-out;     
    -moz-transition:opacity 0.60s ease-in-out;     
    -o-transition:opacity 0.60s ease-in-out;     
    transition:opacity 0.60s ease-in-out;
}

.bcatvidy .catHover img.top:hover{opacity:0.2;}


.adsrgt {
    position: absolute;
    right: -165px;
}

.adslft {
    position: absolute;
    left: -165px;
}

/***************/

.Nhead {
    font-family:ZottiHelveB;
    font-size:16px;
    font-weight:normal;
    background-color: #1D82B5;
    padding:2px 6px 0px;
    width: 100px;
    color:#fff;
}

.Nbb {
    border-bottom:3px solid #1D82B5;
}

.item-TopLvidy {
    float: right;
    margin: 0px 10px 12px 10px;
    width: 310px; 
    position: relative;
}

.item-TopLvidy:hover {
    opacity: 0.5;
}

.item-TopLvidy img {
    width: 310px;
    height: 135px;  
}

.item-TopLvidy h1 {
    font-family: ZottiHelveB;
    font-size: 16px;
    position: absolute;
    bottom: 0px;
    color: #fff;
    padding: 8px 8px 3px;
    width: 294px;
    line-height: 20px;
    background:-moz-linear-gradient(top,rgba(0,0,0,0) 0%,black 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,black));
    background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0%,black 100%);
    background:-o-linear-gradient(top,rgba(0,0,0,0) 0%,black 100%);
    background:-ms-linear-gradient(top,rgba(0,0,0,0) 0%,black 100%);
    background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,black 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#000000',GradientType=0);
}

.TopLvidy-date {
    font-family: ZottiHelve;
    font-size: 13px;
    position: absolute;
    top: 0;
    color: #fff;
    padding: 6px;
    width: 160px;
    float: right;
}

.TopLvidy-view {
    font-family: ZottiHelve;
    font-size: 13px;
    position: absolute;
    top: 20px;
    color: #fff;
    padding: 6px;
    width: 160px;
    float: right;
}

.vidy-num {
    background-color:#e64b50;
    font-family: ZottiHelve;
    font-size: 13px;
    text-align: center;
    color: #fff;
    position: absolute;
    top: 14px;
    left: 10px;
    width: 15px;
    height: 15px;
    float: left;
    padding:0px 3px 6px;
    border-radius:2px;
}

.item-TopMvidy {
    
}

.item-TopMvidy ul {
    margin: 0;
    padding: 0;
}

.item-TopMvidy ul li {
    list-style: none;
    margin-right: 10px;
}

.item-TopMvidy ul li span {
    background-color: #27BEB1;
    padding:2px 7px;
    color: #fff;
    border-radius:2px;
    font-family: ZottiHelve;
    font-size: 13px;
}


.item-TopMvidy ul li a {
    font-family: ZottiHelve;
    font-size: 13px;
    display: inline-block;
    color: #000;
    padding: 4px;
}

.vidy-wrap {
    background-color: #fff;
    margin: 5px 0;
}

.vidy-title h1 {
    font-family: ZottiHelveB;
    font-size: 18px;
    padding: 0px 0px 5px;
    color:#444;
    display: inline-block;
    width: 560px;
    float: right;
}

#overlay {
    display:none;
    z-index: 1;
    opacity: 0.9;
    background-color: black;
    position:fixed;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    text-align:center;
}

#lightSwitch {
    position:relative;
    z-index: 5;
    cursor:pointer;
}

.box-share {
    position: relative;
}

.box-share ul {
    margin: 0;
    padding: 0;
}

.box-share ul li {
    list-style: none;
    padding: 6px 0px;
    margin-left: 6px;
    float: right;
}

.box-share ul li,.date-vidy {
    font-family: ZottiHelve;
    font-size: 13px;
    color:#444;
}

.item-vround {
    margin: 0px 10px 12px 10px;
    width: 300px; 
    position: relative;
}

.item-vround .meta {
    background:-moz-linear-gradient(top,rgba(0,0,0,0) 0%,black 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,black));
    background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0%,black 100%);
    background:-o-linear-gradient(top,rgba(0,0,0,0) 0%,black 100%);
    background:-ms-linear-gradient(top,rgba(0,0,0,0) 0%,black 100%);
    background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,black 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#000000',GradientType=0);
    width: 284px;
    padding: 60px 8px 3px;
    position: absolute;
    bottom: 0;
}

.Raucat {
    background-color: rgba(0,0,0,0.6); 
    font-family:ZottiHelve;
    font-size:13px;
    position: absolute;
    top: 0;
    color: #fff;
    padding: 2px 6px;
}

.item-vround .iplay30 {
    background-image: url('img/iplay30.png');
    background-repeat: no-repeat;
    padding: 0; 
    width: 30px; 
    height: 30px; 
    float: right;  
    position: absolute; 
    bottom: 6px;
    opacity:0.6;
}

.item-vround h2 {
    font-family: ZottiHelveB;
    font-size: 15px;
    font-weight: normal;
    position: absolute;
    bottom: 0px;
    color: #fff;
    vertical-align: middle;
    margin-right: 35px;
    line-height: 18px;
    padding-bottom: 10px;
}


.item-vround .TopVideoHover{   
    position:relative;     
    height:118px;
}

.item-vround .TopVideoHover img{    
    position:absolute;        
    width: 300px;
    height: 118px;   
    right:0;     
    -webkit-transition:opacity 0.60s ease-in-out;    
    -moz-transition:opacity 0.60s ease-in-out;     
    -o-transition:opacity 0.60s ease-in-out;     
    transition:opacity 0.60s ease-in-out;
}

.item-vround .TopVideoHover img.top:hover{opacity:0.2;}

.blchanell {
    width:150px;
    float: right;
    margin:0px 6px;
}

.blchanell img {
    width:150px;
    height: 225px;
    display: block;
}
.blchanell h3 {
    font-family: ZottiHelveB;
    font-size: 15px;
    text-align:center;
	line-height:22px;
    color:#444;
    padding: 6px;
}

.blchanell h3:hover {
    color:#08A6D7;
}

.rgt .tileartsb {
   display:block;
   font-family:arial,tahoma;
   color:#555;
   font-size:15px;
   font-weight: bold;
  
}

.rgt .tileartsb:hover {
   color:#05425E;
  
}

.rgt .contentartsb{
    display:block;
    font-family:tahoma;
    font-size:10px;
    color:#555;
}


.rgt .tilevlf {
   display:block;
   font-family:ZottiHelveB,tahoma;
   font-size: 14px; 
   color:#555;
  
}

.rgt .tilevlf:hover {
   color:#05425E;
  
}

.rgt .viewvlfb{
    display:block;
    font-family:ZottiHelve,tahoma;
    font-size:10px;
    color:#555;
}

.rgt .datevlf{
    display:block;
    font-family:ZottiHelve,tahoma;
    font-size:10px;
    color:#555;
}

.vname {
    
}

.vname h1 {
    font-family:ZottiHelveB,tahoma;
    font-size:17px;
    margin: 0;
    padding: 0;
}

.pagination { 
    padding:3px; 
    margin:3px; 
    text-align:center; 

} 

.pagination a { 
    font-family:ZottiHelveB,tahoma;
    font-size:14px;
    
    padding:7px 9px; 
    margin-left: 2px; 
    background-color: #03405C; 
    text-decoration: none;  
    color: #fff; 
} 
.pagination a:hover, .pagination a:active {  
    background-color: #056C9E; 
} 
.pagination span.current { 
    font-family:ZottiHelveB,tahoma;
    font-size:14px;

    padding:7px 9px; 
    margin-left: 2px; 
    background-color: #056C9E; 
    color: #fff; 

} 
.pagination span.disabled { 
    font-family:ZottiHelveB,tahoma;
    font-size:14px;

    padding:7px 9px; 
    background-color: #ccc;
    margin-left: 2px; 
    color: #666; 
} 


.wrap-footer{ 
	background:#222;
	border-top:1px solid #333;
    height:22px;  
    padding:6px 0px;
}

.footer{ 
    width:980px;  
    margin:0 auto;
}

.footer ul{ 
    margin:0;  
    padding:0;
}

.footer ul li{ 
    font-family:ZottiHelve;  
    font-size:13px;  
    color:#777;  
    list-style:none;  
    float:right;
}

.footer ul li a{ 
    font-family:ZottiHelve;  
    font-size:13px; 
    color:#888;  
    margin:0px 2px 0px 2px;  
    padding:4px;
}

.footer ul li a:hover{ color:#fff;}